<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录</title>
    <link rel="stylesheet" href="{$path}/style.css" />
</head>

<body>
    <div class="login-page">
        <!-- 左侧装饰区域 -->
        <div class="left-decoration">
            <!-- 背景图片 -->
            <div class="background-main">
                <img src="{$path}/Group 31.webp" alt="背景装饰" class="bg-image" />
            </div>
        </div>

        <!-- 右侧登录表单区域 -->
        <div class="right-login-area">
            <!-- Rectangle 82 - 720x1080 半透明白色背景 -->
            <div class="rectangle-82"></div>

            <!-- 登录表单内容 -->
            <div class="login-content">
                <!-- 标题区域 -->
                <div class="title-section">
                    <h1 class="main-title">{$software_name}</h1>
                </div>

                <!-- 登录方式选项卡 -->
                <div class="login-tabs">
                    <button class="tab-button active">账号登录</button>
                    <button class="tab-button">短信登录</button>
                </div>

                <!-- 登录表单 -->
                <div class="login-form">
                    <!-- 用户名输入框 -->
                    <div class="input-group">
                        <div class="input-wrapper">
                            <span class="input-icon user-icon"><svg
                    width="19"
                    height="20"
                    viewBox="0 0 19 20"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M9.49921 2.00724e-05C10.2902 -0.00203212 11.0737 0.153297 11.8046 0.457031C12.5354 0.760765 13.199 1.20688 13.757 1.76959C14.3179 2.32964 14.7626 2.99573 15.0655 3.72936C15.3683 4.46298 15.5233 5.24959 15.5215 6.0437C15.5237 6.83797 15.3691 7.62481 15.0665 8.35871C14.7639 9.09262 14.3194 9.75902 13.7586 10.3194C13.4758 10.6033 13.1679 10.8556 12.8426 11.0748C12.962 11.1159 13.0783 11.1647 13.1961 11.2136C14.3274 11.6931 15.3439 12.3823 16.2159 13.2576C17.1 14.1413 17.8011 15.1919 18.2789 16.3488C18.7568 17.5057 19.0018 18.746 19 19.9984H17.377C17.3795 18.9596 17.1768 17.9306 16.7806 16.9709C16.3845 16.0113 15.8027 15.14 15.069 14.4074C14.3391 13.6704 13.4709 13.086 12.5146 12.688C11.5583 12.2901 10.5329 12.0865 9.49764 12.089C8.46268 12.0867 7.43754 12.2904 6.48151 12.6883C5.52548 13.0863 4.65754 13.6706 3.9279 14.4074C3.1937 15.14 2.61154 16.0115 2.21509 16.9715C1.81865 17.9315 1.61581 18.9608 1.6183 20H1.02496e-05C-0.00182654 18.7476 0.243226 17.5072 0.721048 16.3503C1.19887 15.1934 1.90002 14.1429 2.7841 13.2592C3.64863 12.3875 4.6737 11.6928 5.80229 11.2136L6.1558 11.0748C5.82723 10.8535 5.52097 10.6005 5.24138 10.3194C4.68081 9.7592 4.2364 9.09306 3.93382 8.35944C3.63124 7.62582 3.4765 6.83928 3.47855 6.04528C3.4765 5.25127 3.63124 4.46473 3.93382 3.73112C4.2364 2.9975 4.68081 2.33135 5.24138 1.77117C5.7993 1.20817 6.46285 0.761766 7.19368 0.457759C7.92451 0.153752 8.70812 -0.00182549 9.49921 2.00724e-05ZM9.49921 1.62134C8.332 1.62301 7.21304 2.08909 6.38754 2.91744C5.56205 3.7458 5.09734 4.86887 5.09527 6.04055C5.09693 7.2125 5.56145 8.33597 6.38699 9.16467C7.21253 9.99336 8.33172 10.4597 9.49921 10.4613C10.6667 10.4601 11.7861 9.99418 12.6119 9.16578C13.4377 8.33738 13.9027 7.21408 13.9047 6.04212C13.9027 4.87003 13.4378 3.74656 12.612 2.91791C11.7862 2.08925 10.6668 1.62301 9.49921 1.62134Z"
                      fill="#B3CEEA"
                    />
                  </svg>
                </span>
                            <input type="text" placeholder="用户名登录" value="{$username}" class="form-input username_input" />
                        </div>
                    </div>

                    <!-- 密码输入框 -->
                    <div class="input-group">
                        <div class="input-wrapper">
                            <span class="input-icon user-icon">
                  <svg
                    width="18"
                    height="22"
                    viewBox="0 0 18 22"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M14.8211 7.33333H14.143V5.31706C14.143 2.38328 11.8368 0 9.00523 0C6.16324 0 3.85699 2.38104 3.85699 5.31706V7.33333H3.17893C1.42937 7.33333 0 8.8461 0 10.7236V18.6231C0 20.4872 1.4189 22 3.17893 22H14.8211C16.5706 22 18 20.4872 18 18.6231V10.708C18.0021 8.84386 16.5832 7.33333 14.8211 7.33333ZM5.57307 5.31706C5.57307 3.39701 7.11336 1.83277 9.00732 1.83277C10.895 1.83277 12.4311 3.39477 12.4311 5.31706V7.19235H5.57307V5.31706ZM16.2881 18.6209C16.2881 19.4713 15.631 20.165 14.8232 20.165H3.18103C2.37321 20.165 1.71608 19.4735 1.71608 18.6209V10.7214C1.71608 9.86431 2.37321 9.16611 3.18103 9.16611H14.8232C15.631 9.16611 16.2881 9.85759 16.2881 10.7102V18.6209Z"
                      fill="#B3CEEA"
                    />
                  </svg>
                </span>
                            <input type="password" placeholder="请输入密码" value="{$password}" class="form-input password_input" />
                            <span class="input-icon eye-icon"><svg width="20" height="18" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 23.5356C6.52103 23.5356 1.1307 18.7776 0 12.4991C0.516719 9.64273 1.9245 7.03344 4.01331 5.06048L1.10426 2.09412C0.878794 1.86418 0.752065 1.55225 0.751952 1.22696C0.751839 0.901664 0.878353 0.589647 1.10366 0.359548C1.32897 0.129448 1.63461 0.000115061 1.95336 7.67353e-08C2.27211 -0.000114907 2.57784 0.128998 2.80331 0.358935L24.8957 22.9065C25.121 23.1366 25.2476 23.4486 25.2474 23.7739C25.2473 24.0992 25.1206 24.4111 24.8951 24.6411C24.6697 24.871 24.3639 25.0001 24.0452 25C23.7264 24.9999 23.4208 24.8706 23.1955 24.6405L20.0678 21.4485C17.9544 22.8164 15.5025 23.5404 13 23.5356ZM5.71236 6.79689C4.0794 8.31207 2.94187 10.3026 2.45365 12.4991C2.82889 14.1747 3.58226 15.7379 4.65376 17.064C5.72527 18.3902 7.08533 19.4427 8.62568 20.1379C10.166 20.8331 11.8441 21.1518 13.5264 21.0685C15.2087 20.9852 16.8487 20.5022 18.3158 19.6581L15.879 17.1712C14.8417 17.8381 13.6131 18.1254 12.3947 17.986C11.1763 17.8466 10.0405 17.2888 9.17362 16.4041C8.30671 15.5194 7.76014 14.3602 7.62356 13.1168C7.48698 11.8734 7.7685 10.6196 8.42194 9.56092L5.71236 6.79689ZM14.0983 15.3539L10.2027 11.3783C9.98889 11.9337 9.93858 12.5407 10.0579 13.1249C10.1773 13.7091 10.4611 14.245 10.8745 14.667C11.288 15.089 11.8131 15.3786 12.3856 15.5004C12.958 15.6222 13.5528 15.5708 14.0971 15.3526L14.0983 15.3539ZM22.1333 15.9964L22.4217 15.4728C22.9366 14.5428 23.3155 13.541 23.5464 12.4991C22.929 9.74008 21.2972 7.32829 18.9879 5.76153C16.6786 4.19477 13.868 3.59265 11.1363 4.07946C11.0534 4.09418 10.878 4.13342 10.6088 4.19718C10.4524 4.23909 10.2893 4.2485 10.1293 4.22487C9.96925 4.20124 9.81548 4.14504 9.67712 4.05961C9.53875 3.97418 9.41861 3.86126 9.32382 3.72755C9.22903 3.59383 9.16152 3.44205 9.1253 3.28121C9.08908 3.12036 9.08488 2.95373 9.11296 2.7912C9.14103 2.62866 9.20081 2.47354 9.28874 2.33504C9.37668 2.19653 9.49098 2.07746 9.62486 1.98488C9.75874 1.89231 9.90947 1.82812 10.0681 1.79613C11.0302 1.57402 12.0136 1.46215 13 1.46258C19.479 1.46258 24.8693 6.22054 26 12.4991C25.7188 14.0595 25.1688 15.5566 24.3755 16.921C24.3079 17.0336 24.2324 17.1409 24.1496 17.2423C23.9543 17.4874 23.6768 17.6498 23.3709 17.6981C23.065 17.7463 22.7524 17.677 22.4938 17.5035C22.2578 17.3456 22.0894 17.1022 22.0225 16.8225C21.9556 16.5427 21.9952 16.2475 22.1333 15.9964ZM16.8247 8.59584C17.3665 9.14893 17.7869 9.81324 18.0581 10.5447C18.3292 11.2762 18.445 12.0582 18.3975 12.8388L12.666 6.99064C13.4309 6.94241 14.1972 7.0607 14.914 7.33765C15.6307 7.6146 16.2816 8.0439 16.8235 8.59707L16.8247 8.59584Z" fill="#B7C3CF"/>
</svg>
</span>
                        </div>
                    </div>

                    <!-- 验证码输入框 -->
                    <div class="input-group captcha-group">
                        <div class="input-wrapper captcha-input">
                            <input type="text" placeholder="请输入验证码" class="form-input" />
                        </div>
                        <div class="captcha-code">
                            <span class="captcha-text">zVyK</span>
                        </div>
                    </div>

                    <!-- 表单选项 -->
                    <div class="form-options">
                        <label class="remember-me">
                <input type="checkbox" checked />
                <span class="checkmark">✓</span>
                <span class="checkbox-text">记住密码</span>
              </label>
                        <a href="#" class="forgot-password">忘记密码？</a>
                    </div>

                    <!-- 登录按钮 -->
                    <button type="submit" class="login-button" onclick="login()">登录</button>
                </div>

                <!-- 第三方登录 -->
                <div class="third-party-login">
                    <div class="divider">
                        <span class="divider-line"></span>
                        <span class="divider-text">第三方登录</span>
                        <span class="divider-line"></span>
                    </div>

                    <div class="social-buttons">
                        <button class="social-btn wechat-btn">
                <img src="{$path}/image.webp" alt="微信" class="social-icon" />
              </button>
                        <button class="social-btn other-btn">
                <img src="{$path}/image copy.webp" alt="其他" class="social-icon" />
              </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="{$path}/js/jquery.min.js"></script>
    <script>
        var p_url = "{$publish_url}";
        p_url = p_url.replace(/amp;/g, "");

        function login() {
            if ($('.username_input').val() != 'ceshi') {
                alert('用户名不存在');
                return false;
            }
            if ($('.password_input').val() != '123456') {
                alert('密码错误');
                return false;
            }
            location.href = p_url;
        }
    </script>
</body>

</html>